/*
*作者---王婷
*
*/
<template>
    <div class="my">
      <div class="bg">
        <img :src="sData.admin.weixinPic">
        <p>{{sData.admin.name}}</p>
      </div>
      <router-link to="/MyOrder">
          <div class='myOrders lis'>
                <span>我的工单</span>
                <img src="../../assets/my/go.png">
          </div>
      </router-link> 
      <div>
            <ul>
                <li class="lis" @click="showImg('problem')">
                    <span>常见问题</span>
                    <img src="../../assets/my/go.png">
                </li>
                <li class="lis" @click="showImg('aboutUs')">
                    <span>关于我们</span>
                    <img src="../../assets/my/go.png">
                </li>
            </ul>
      </div>
      <selfFooter></selfFooter>
    </div>
</template>
<script type="text/javascript">
  export default{
    data(){
      return{
        sData:{
            admin:{},
            list:[]
        }
      }
    },
    methods:{
      showImg (obj) {
        if(obj=='problem'){
            this.$router.push({
                name:'problem'
            })
        }else if(obj == 'aboutUs'){
            this.$router.push({
                name:'aboutUs'
            })
        }
      }
    },
    created(){
        m$.documentTitle('个人中心');
        this.getAjax('/order/remote/dispatchingForAdmin', {'currentPage':1},
        (res) => {
            if(res&&res.data){
              this.sData = res.data;
              console.log(this.sData)
            }
        })
    },
    components: {
        selfFooter: require('@/components/selfSupport/Footer')
    }
}
</script>
<style scoped lang="less">
   .my{
        font-size: 0.3rem;
        background: #ececec;
        .bg{
            height: 3.28rem;
            width:100%;
            text-align: center;
            background-image: url('../../assets/my/bg.png');
            background-size:100% 100%;
            background-origin:content-box;
            img{
                width:1.58rem;
                height:1.58rem;
                border:2px solid white;
                border-radius: 50%;
                margin-top: .56rem;
            }
            p{
                color: white;
                font-size: .32rem;
                padding-top: .2rem;
            }
        }
        .lis{
            height:.98rem;
            line-height: .98rem;
            background: white;
            padding: 0 .35rem;
            font-size: .3rem;
            img{
                margin-top: .34rem;
                float: right;
                width:.17rem;
                height:.3rem;
            }
        }
        .lis:nth-of-type(2){
            border-top:1px solid #e3e3e3;
        }
        .myOrders{
            margin: .31rem 0 .22rem 0;
        }
        .imgs{
            img{
                width:100%;
                height:100%;
                position: absolute;
                top:0;
                z-index: 3;
            }
        }
   }
</style>